<template>
    <div>
        <div class="crumbs">
            <div class="contentbox">
                <div class="contentsize">房屋使用安全巡查-巡查</div>
                <div>
                    <el-button @click="cacelsubmitForm('ruleForm')">返回</el-button>
                </div>
            </div>
        </div>
        <div class="container">
            <table border="1" cellpadding="10" style="width: 100%; border-color: #ebeef5" class="table-1">
                <tbody>
                    <tr>
                        <td rowspan="5">建筑物外檐、屋顶情况</td>
                        <td>有无脱落、缺损</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.djjc_dj_bjycj">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.djjc_dj_bjycj_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>有无开裂</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.djjc_jc_cjzd">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.djjc_jc_cjzd_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>有无植物侵蚀</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.djjc_jc_lhss">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.djjc_jc_lhss_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>有无沉降不均、倾斜</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.djjc_jc_lhss">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.djjc_jc_lhss_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>有无擅自改动外檐、门窗</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.djjc_jc_lhss">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.djjc_jc_lhss_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="7">承重构件</td>
                        <td>梁</td>
                        <td>下垂裂缝</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.czgj_l_xclf">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.czgj_l_xclf_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="2">柱</td>
                        <td>倾斜裂缝</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.czgj_z_qxlf">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.czgj_z_qxlf_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>虫蛀糟朽</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.czgj_z_czzx">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.czgj_z_czzx_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>楼/屋面板</td>
                        <td>开裂/露筋/变形</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.czgj_wlmb">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.czgj_wlmb_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td rowspan="3">墙</td>
                        <td>潮湿碱蚀</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.czgj_q_csjs">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.czgj_q_csjs_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>歪闪裂缝</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.czgj_q_wslf">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.czgj_q_wslf_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>墙体根部砂浆流失</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.czgj_q_qtgbsjls">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.czgj_q_qtgbsjls_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td rowspan="7">屋顶</td>
                        <td rowspan="2">屋面</td>
                        <td>开裂变形</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.wd_wm_klbx">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.wd_wm_klbx_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>空鼓脱落</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.wd_wm_kgtl">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.wd_wm_kgtl_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="3">屋架</td>
                        <td>开裂松动</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.wd_wj_klsd">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.wd_wj_klsd_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>支撑失稳</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.wd_wj_zcsw">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.wd_wj_zcsw_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>腐蚀虫蛀</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.wd_wj_fscs">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.wd_wj_fscs_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="2">檩柁</td>
                        <td>下垂裂缝</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.wd_tt_xclf">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.wd_tt_xclf_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>虫蛀糟朽</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.wd_tt_czzx">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.wd_tt_czzx_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td rowspan="2">楼 梯</td>
                        <td colspan="2">开裂/露筋/锈蚀</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.lt_klsd">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.lt_klsd_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">糟朽/虫蛀/松动</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.lt_czzx">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.lt_czzx_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan="1">外檐</td>
                        <td colspan="2">松动/开裂/脱落</td>
                        <td>
                            <div style="display: flex">
                                <el-radio-group v-model="djckform.wy_sdkltl">
                                    <el-radio-button :label="'0'">无</el-radio-button>
                                    <el-radio-button :label="'1'">一般</el-radio-button>
                                    <el-radio-button :label="'2'">严重</el-radio-button>
                                </el-radio-group>
                                <el-input
                                    v-model="djckform.wy_sdkltl_bz"
                                    style="flex: 1; margin-left: 20px"
                                    placeholder="请描述损坏部位及损坏情况"
                                ></el-input>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</template>
<script>
export default {
    name: 'aqxcadd',
    data() {
        return {
            djckform:{}
        };
    },
    methods: {
        // 取消
        cacelsubmitForm() {
            this.$router.go(-1);
        }
    }
};
</script>
<style>
/* disabled颜色修改 */
.el-checkbox__input.is-disabled + .el-checkbox__label {
    color: #606266 !important;
}

.el-checkbox__input.is-disabled.is-checked + .el-checkbox__label {
    color: #606266 !important;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: #606266 !important;
}

.el-radio__input.is-disabled + span.el-radio__label {
    color: #606266 !important;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
    background-color: #606266 !important;
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
    border-color: #606266 !important;
}

.el-input.is-disabled .el-input__inner,
textarea:disabled {
    color: #606266 !important;
}

.el-range-editor.is-disabled input {
    color: #606266 !important;
}
/* 选择意见 */
.xzyj {
    width: 48%;
    height: 110px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 10px 0;
    box-sizing: border-box;
}

.xzyj .xzyjitem {
    text-align: left;
    cursor: pointer;
    line-height: 24px;
}

.el-upload-list {
    width: 60%;
}

.el-upload--text {
    width: auto;
    height: 80px;
    overflow: hidden;
    border: none;
}
</style>
<style scoped>
.container {
    overflow: hidden;
}

.crumbs {
    background-color: #fff;
    padding: 20px 20px;
}

.indexTitle {
    margin-bottom: 20px;
}

.contentbox {
    display: flex;
    justify-content: space-between;
}

.contentsize {
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    color: #606266;
}

.handle-box {
    overflow: hidden;
}

.addtitle {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    font-weight: 700;
}

.buttonCenter {
    width: 12%;
    margin: auto;
}

.unloadTitle {
    text-align: left;
    padding-bottom: 10px;
    box-sizing: border-box;
    color: #606266;
}

/* 搜索按钮 */
.searchcolor {
    background-color: #7090ff;
}

.detailcontent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.detailcontent .detailitem {
    /* float: left; */
    width: 33%;
    margin-bottom: 30px;
}

.detailcontent .detailitem1 {
    /* float: left; */
    width: 99%;
    margin-bottom: 30px;
    font-weight: 700;
    color: #008a94;
}
table {
    width: 100%;
    margin: auto;
    text-align: center;
}

.table-1 {
    border: 1px solid #c0c0c0;
    border-collapse: collapse;
    /*合并相邻表格的间距*/

}

.table-1 tr,
.table-1 td {
    font-size: 13px;
    border-collapse: collapse;
    border: 1px solid #c0c0c0;
    padding: 10px;
    box-sizing: border-box;
    color: #606266;
}
</style>
